<template>
    <div>
        <div style="margin-top: 150px">
            <el-row>
                <el-col  :span="12" class="card ">
                    <div @click="toTest(1)">
                        <el-card  class="blue" shadow="always">
                            员工提问内容
                        </el-card>
                    </div>
                </el-col>
                <el-col  :span="12" class="card ">
                    <div @click="toTest(2)">
                        <el-card  class="dblue" shadow="always">
                            管理层提问内容
                        </el-card>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12" class="card ">
                    <el-radio v-model="status" :label="1" border>随机模式</el-radio>
                </el-col>
                <el-col :span="12" class="card ">
                    <el-radio v-model="status" :label="2" border>顺序模式</el-radio>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>
    export default {
        name: "index",
        data:()=>{
          return {
              status:1
          }
        },
        methods:{
            toTest(tiType){
                console.log(tiType)
                this.$router.push({name:'fx',params:{type:this.status,tiType:tiType}});
            }
        }
    }
</script>

<style scoped>
    .card{
        padding: 20px 10px;
        text-align: center;
    }
    .blue{
        padding: 40px 0;
    }
    .dblue{
        padding: 40px 0;
    }
</style>